<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<title>Scopo : Academic Search engine - Results</title>
		<link href="{{ MEDIA_URL }}scopo/css/result.css" rel="stylesheet" title="basestyle" type="text/css"> 
		
		{% block extra_js %}
		<script type="text/javascript" src="{{MEDIA_URL}}scopo/jquery.js"></script>
		<script type="text/javascript" src="{{MEDIA_URL}}scopo/custom.js"></script>
	{% endblock %}
	
	</head>

<body>
	<div id="header">
			<img border="0" src="{{ MEDIA_URL }}scopo/images/logo2.jpg"/>
			{% if user.is_authenticated %} Welcome {{user.username}}! <a href="/logout" title=" ">Logout </a> {% else %}
        <a href="../../login/" title=" ">Login</a> || <a href="../register/" title=" ">Register </a> {% endif %}
	</div>

<div id="wrap">
 
	{% block main %}
	
	<div id="main">

		<div id ="searchterms">
			<h2>Search Terms: <em>{{ query }}</em></h2>
		
				<form action="/scopo/query/" onsubmit="return validate_form(this)" method="post">

					{% csrf_token %} <!-- cross-site request forgery protection -->

					<input type="text" name="query" value="" id="query" size="60">
					
					<input type="submit" value="Search" STYLE="font-size:10pt; background-color:00BFFF; color:ffffff" />

				</form>

		</div> <!-- searchterms --> 

		{% for result in results %}
		<br/>
		<div class="result">
			<div id="resulttitle"><a href="{{ result.link }}"><strong>{{ result.title }}</strong></a></div>
			<div id="resultdescription">{{ result.description }}</div>
      <div id="resultlink">{{ result.link }}</div>
      {% if user.is_authenticated %}
        <button>Save Result</button><br/> 
      {% endif %}
      <br/>
		</div> <!-- results -->
		
		{% endfor %}
     
		{% endblock %}
	</div> <!-- main -->
{% if user.is_authenticated %}

<div id="sidebar">
	 <style>
		div.floating-menu { padding: 10px; position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:470px; height:670px;z-index:200;}
		div.floating-menu a {display:block; margin:0 0.9em; font: 100% Verdana, sans-serif; line-height:200% }
	</style>
	<div class="floating-menu" id="floating-menu"> -->
	

 </div> 
	
	
</div>
{% endif %}

</div>


</body>

</html>
